<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 伪类选择器 */
        /* a: link */
        /*选择所有未被访问的链接*/
        /* a: visited */
        /* 选择所有已被访问的链接*/
        /* a: hover */
        /*选择鼠标指针位于其上的链接*/
        /* a: active */
        /* 选择活动链接（鼠标按下未弹起的链接）*/
        /* 注意按照顺序l v h a  */
        
        a:link {
            color: red;
        }
        
        a:visited {
            color: greenyellow;
        }
        
        a:hover {
            color: pink;
        }
        
        a:active {
            color: skyblue;
        }
        
        input:focus {
            background-color: tomato;
        }
        
        div {
            width: 300px;
            height: 200px;
            /* background-color: violet; */
            /* border-style: dotted;
            border-width: 5px;
            border-color: coral; */
            border: 5px red dotted;
            border-collapse: collapse;
        }
        
        span {
            height: 200px;
            width: 130px;
            background-color: turquoise;
        }
        
        a {
            display: block;
            width: 400px;
            height: 300px;
            background-color: indigo;
            background-repeat: no-repeat;
            background-position: right center;
        }
        /* body {
            background-attachment: fixed;
            background-image: url(https://tse1-mm.cn.bing.net/th/id/OET.16aff16bb9a241bfa402eea1ba323d65?w=135&h=272&c=7&rs=1&o=5&pid=1.9);
        } */
    </style>
</head>


<body>
    <!-- <a href="#">peiq</a>
    <a href="#">peiq</a>

    <input type="text">
    <input type="text">
    <input type="text">
    <div>hello</div>lkk
    <span>hhh</span>
    <span>ss</span>
    <span>dd</span> -->
    <!-- <div>ll</div> -->
    <div>
        <a href="#">新浪</a>
        <a href="#">网易邮箱</a>
        <a href="#">新百度</a>
        <a href="#">博客</a>
    </div>
</body>

</html>